<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>新增店铺-嗨柚</title>
    <link rel="stylesheet" type="text/css" href="../../css/share/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/share/ui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/host/profile.css"/>
</head>

<body>
<!-- header-->
<div class="header">
    <div class="header-content">
        <div class="headerWrapper fix">
            <div class="header-content-logo fl">
                <a href="../index.html"><img src="../../img/header/logo.png" alt="logo"/></a>
            </div>
            <div class="header-content-nav fr">
                <ul>
                    <li><a href="../index.html" >首页</a></li>
                    <li><a href="../about-us.html">关于我们</a></li>
                    <li><a id="x-place-1">加载中</a></li>
                    <li><a id="x-place-2">加载中</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /header -->

<div class="container-wrapper">
    <div class="container">
        <div class="box ">
            <div class="box-header ">
                <h1 class="title">店铺详情</h1>
            </div>
            <div class="box-content edit-display">
                <form action="javascript:void(0);" method="post">
                    <table>
                        <colgroup>
                            <col style="width: 105px;"/>
                            <col style="width: auto;"/>
                        </colgroup>
                        <tbody>
                        <div id="js-half-1">
                        <tr>
                            <th>店铺名称<span>:</span></th>
                            <td><input type="text" name="hostname" id="hostname" value="" placeholder="例如:龙门客栈"/></td>
                        </tr>
                        <tr>
                            <th>店铺地区<span>:</span></th>
                            <td>
                                <select name="province" id="province" ></select>
                                <select name="address" id="city" ></select>
                            </td>
                        </tr>
                        <tr>
                            <th>详细地址<span>:</span></th>
                            <td><input type="text" name="" id="location" value="" maxlength="100" placeholder="请填入能在电子地图上定位到的地址"/></td>
                        </tr>
                            <tr>
                            <th class="vat">联系方式<span>:</span></th>
                            <td>
                                <span>
                                    <img src="../../img/icons/phone.m.png">
                                    <input value=""  class="e-s disabled short" type="text" id="js-r-phone" maxlength="11" placeholder="请输入您的手机号码(选填)" title="手机号码">
                                    <select id="js-r-phone-s"  class="hide">
                                        <option selected="true">公开</option>
                                        <option>不公开</option>
                                    </select>
                                </span>
                                <span>
                                    <img src="../../img/icons/weixin.m.png">
                                    <input class="e-s disabled short" type="text" id="js-r-weixin" placeholder="请输入您的微信号(选填)" title="微信账号">
                                    <select id="js-r-weixin-s" class="hide">
                                        <option selected="true">公开</option>
                                        <option>不公开</option>
                                    </select>
                                 </span>
                                <span>
                                    <img src="../../img/icons/qq.m.png">
                                    <input class="e-s disabled short" type="text"  id="js-r-qq" placeholder="请输入您的QQ号码(选填)" title="QQ号码">
                                    <select id="js-r-qq-s"  class="hide">
                                        <option selected="true">公开</option>
                                        <option>不公开</option>
                                    </select>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th class="vab">我与我的店<span>:</span></th>
                            <td><textarea id="synopsis" name="synopsis"  rows="10" cols="90" placeholder="有人的地方就有江湖，凡是江湖必有情仇。远离江湖的小店，满是退隐的高手。店主来袭，讲讲你的江湖故事！说说你的小店风雨。"></textarea></td>
                        </tr>
                            <tr>
                                <th class="vab">店铺标签<span>:</span></th>
                                <td class="fix">
                                    <ul class="labels fix" id="js-tag-dest">

                                    </ul>
                                    <div class="tag-pane">
                                        <ul class="labels fix"  id="js-tag-pool">
                                            <li><a class="t tag-theme-b">吃货看过来</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-theme-b">这家饭很香</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-pink-b">get新技能</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-pink-b">老板有点帅</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-theme-b">老板有点拽</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-green-b">猫咪控看过来</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-theme-b">一起去减肉</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-theme-b">这有歪果仁</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-pink-b">疯子看过来</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-green-b">喜欢萌妹子</a><span class="t-del">x</span></li>
                                            <li><a class="t tag-pink-b">小鲜肉集中营</a><span class="t-del">x</span></li>
                                        </ul>
                                        <input type="text" id="new-tag" class="hide" maxlength="10" placeholder="输入自定义标签(回车添加)"><a href="javascript:void(0);"
                                                                                                                                   class="btn btn-primary hide" id="new-tag-btn">新增</a>
                                    </div>

                                </td>
                            </tr>
                        </div>

                        <div id="js-half-2">

                        </div>
                        </tbody>
                    </table>

                    <div class="option ">
                        <p><a href="javascript:void(0);" class="btn btn-warn hide" id="recruit-plus-btn">保存并新增招聘</a><a href="javascript:void(0);" class="btn btn-primary" id="recruit-save-btn">保存</a><a href="javascript:void(0);" class="btn btn-neg" id="recruit-cancel-btn">取消</a></p>
                    </div>

                </form>


            </div>
        </div>

    </div>
</div>

<!-- toolbor -->
<div class="toolbar">
    <a id="scrollTop" href="javascript:void(0);"></a>
</div>
<!-- /toolbor -->
<!-- footer-->
<div class="footer">
    <div class="footer-content">
        <div class="footerWrapper">
            <div class="footer-content-text ">
                <ul>
                    <li>
                        <h2>快速导航</h2>
                        <p><a href="javascript:void(0);">我是义工</a></p>
                        <p><a href="javascript:void(0);">我是商家</a></p>
                        <p><a href="javascript:void(0);">友情链接</a></p>
                    </li>
                    <li>
                        <h2>帮助中心</h2>
                        <p><a href="javascript:void(0);">常见问题</a></p>
                        <p><a href="../contract.html" target="_blank">用户协议</a></p>
                    </li>
                    <li>
                        <h2>反馈</h2>
                        <p><a href="javascript:void(0);">意见建议</a></p>
                        <p><a href="javascript:void(0);">举报</a></p>
                    </li>
                </ul>
            </div>
            <div class="footer-content-conact">
                <ul>
                    <li class="hide">
                        <img src="../../img/footer/footer1.png" alt="微博图标"/>
                        <p>嗨柚旅行微博</p>
                        <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../../img/footer/footer2.png"
                                                                            alt="微博图标"/></a>
                    </li>
                    <li>
                        <img class="erweima" src="../../img/footer/8cmerweima.jpg" alt="微信公众号二维码"/>
                        <p>嗨柚微信公众号</p>
                        <p>hiyouthtour</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
        <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
    </div>
</div>
<!-- /footer -->
<script src="../../js/lib/require.js"></script>
<script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/host.profile'], function (domReady, profile) {
        domReady(function () {
            profile.init()
        });
    });
</script>

</body>

</html>